<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>如影传媒有限公司</title>
	<link rel="stylesheet" href="./css/jquery.fullPage.css">
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 导航 -->
<div id="fullpage">
<nav class="navbar navbar-fixed-top s-navbar" id="menu">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="glyphicon glyphicon-th-large"></span>
				</button>
				<a class="navbar-brand" href="JavaScript:;">如影传媒</a>
			</div>
			<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li data-menuanchor="page1" class="active">
						<a href="#page1">首页</a>
					</li>
					<li data-menuanchor="page2" >
						<a href="#page2">简介</a>
					</li>
					<li data-menuanchor="page3" >
						<a href="#page3">摄影类目</a>
					</li>
					<li data-menuanchor="page4" >
						<a href="#page4">产品摄影报价</a>
					</li>
					<li data-menuanchor="page5" >
						<a href="#page5">联系我们</a>
					</li>
				</ul>
			</div>

		</div>
	</nav>


<!-- 第一屏 -->
<div class="section">
	<div class="bg visible-lg">
		<div class="bg-img" style="background-image: url('./images/index-bg03.jpg');"></div>
	</div>
	<div class="bg visible-xs">
		<div class="bg-img" style="background-image: url('./images/index-bg02.jpg');"></div>
	</div>
	<div class="s-content">
		<div class="container">
			<div class="row page-1">
				<div class="col-lg-4 col-md-4 col-xs-12 hidden-xs">
					<p style="font-size: 0.1rem;letter-spacing: 0.02rem;">专注电商视觉</p>
					<p style="font-size: 0.04rem;">因为专注&nbsp;&nbsp;&nbsp;&nbsp;所以更专业</p>
				</div>
				<div class="col-lg-4 col-md-4"></div>
				<div class="col-lg-4 col-md-4"></div>
				<div class="col-xs-12 visible-xs">
					<p style="font-size: 40px;letter-spacing: 5px;">专注电商视觉</p>
					<p>因为专注&nbsp;&nbsp;&nbsp;&nbsp;所以更专业</p>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 第二屏 -->
<div class="section">
	<div class="bg">
		<div class="bg-img" style="background-image: url('./images/index-bg-05.jpg');"></div>
	</div>
	<div class="s-content">
		<div class="container">
			<div class="row page-2">
				<div class="col-lg-6 col-md-6 col-xs-12">
					<div class="page-2-img">
						<img src="./images/index-bg-02.jpg" alt="" class="img-responsive"></div>
				</div>
				<div class="col-lg-6 col-md-6 col-xs-12">
					<div class="page-2-text">
						<h3>如影传媒有限公司</h3>
						<hr>
						<div class="page-2-content">
							<p>
								Domin&ated PPP咨询有限公司帮助客户识别最宝贵的发展机遇,重要的挑战,帮助他们在商业和管理转变。在专门为客户企业管理咨询解决方案,我们公司给客户的,深层次的洞察市场变化,
							</p>
						</div>

						<div class="page-2-btn">
							<button type="button" class="btn btn-default">了解更多</button>
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>

</div>


<!-- 第三屏 -->
<div class="section">
	<div class="bg">
		<div class="bg-img" style="background-image: url('./images/index.jpg');"></div>
	</div>
	<div class="s-content">
		<div class="container">
			<div class="row page-3-type-box">
				<div class="col-lg-12 col-md-12 col-xs-12">
					<div class="page-3-title">
						<h3>摄影类目</h3>
						<p>photography categories</p>
					</div>
				</div>
				<div class="col-lg-3 col-md-3 col-xs-6">
					<a href="./view/exhibition.html?id=0">
						<div class="page-3-img">
							<img src="./images/category_03.jpg" alt=""></div>
						<div class="page-3-img-title">珠宝首饰</div>
					</a>
				</div>
				<div class="col-lg-3 col-md-3 col-xs-6">
					<a href="./view/exhibition.html?id=1">
						<div class="page-3-img">
							<img src="./images/category_05.jpg" alt=""></div>
						<div class="page-3-img-title">3C电器</div>
					</a>
				</div>
				<div class="col-lg-3 col-md-3 col-xs-6">
					<a href="./view/exhibition.html?id=2">
						<div class="page-3-img">
							<img src="./images/category_07.jpg" alt=""></div>
						<div class="page-3-img-title">美妆洗护</div>
					</a>
				</div>
				<div class="col-lg-3 col-md-3 col-xs-6">
					<a href="./view/exhibition.html?id=3">
						<div class="page-3-img">
							<img src="./images/category_09.jpg" alt=""></div>
						<div class="page-3-img-title">其他</div>
					</a>
				</div>
			</div>
		</div>

	</div>
</div>


<!-- 第四屏 -->
<div class="section page-4">
	<div class="bg">
		<div class="bg-img" style="background-image: url('./images/index2.jpg');"></div>
	</div>
	<div class="s-content">
		<div class="container">
			<div class="row">
			<div class="page-box">
				<ul class="page-4-list">
					<li>
						<a href="">
							<div class="img-box">
								<img src="./images/category_09.jpg" alt=""></div>
						</a>

						<div class="page-4-text">
							<h3 class="page-4-title">白底主图</h3>
							<p>尺寸：1200像素 X 1200像素</p>
							<p>备注: (拍摄+修图)</p>
							<p>格式：TIF(包括透明图层)</p>
							<p>
								￥
								<span class="red-text">50</span>
								/张
							</p>
					
							<button type="button" class="btn btn-default on-right">
								<span class="glyphicon glyphicon-menu-right"></span>
							</button>
						</div>
					</li>
					<li>
						<a href="">
							<div class="img-box">
								<img src="./images/category_09.jpg" alt=""></div>
						</a>
						<div class="page-4-text">
							<h3 class="page-4-title">场景摄影</h3>
							<p>尺寸：保存相机最大像素</p>
							<p>备注: (风格自选)</p>
							<p>格式：JPG</p>
							<p>
								精修
								<span class="red-text">30</span>
								元/张，简修
								<span class="red-text">20</span>
								元/张
							</p>
						
							<button type="button" class="btn btn-default on-left">
								<span class="glyphicon glyphicon-menu-left"></span>
							</button>
							<button type="button" class="btn btn-default on-right" >
								<span class="glyphicon glyphicon-menu-right"></span>
							</button>
						</div>
					</li>
					<li>
						<a href="">
							<div class="img-box">
								<img src="./images/category_09.jpg" alt=""></div>
						</a>
						<div class="page-4-text">
							<h3 class="page-4-title">产品模特</h3>
							<p>尺寸：保存相机最大像素</p>
							<p>备注: (模特不露脸)</p>
							<p>格式：JPG</p>
							<p>
								￥
								<span class="red-text">15</span>
								元/张
							</p>
							
							<button type="button" class="btn btn-default on-left">
								<span class="glyphicon glyphicon-menu-left"></span>
							</button>

						</div>
					</li>
				</ul>
				
			</div>
			</div>
		</div>
	</div>
</div>




<!-- 第五屏 -->
<div class="section">
	<div class="bg">
		<div class="bg-img" style="background-image: url('./images/index-05.jpg');"></div>
	</div>
	<div class="s-content">

		<div class="container-filud hidden-xs">
			<div class="row">
				<div class="col-lg-6 col-md-6"></div>
				<div class="col-lg-6 col-md-6">
					<div class="page-5">
						<img src="./images/page5-bg.png" alt=""></div>
					<div class="info-text">
						<h2 class="contact-us">联系我们</h2>
						<hr class="hr1">
						<div class="clearfix"></div>
						<h4>Contact Us</h4>
						<div class="info-address">
							<p>广东省深圳市龙岗区平吉大道9号华熠大夏1202</p>
							<p>
								Longji District, Shenzhen Pingji Road on the 9th Huayi summer 1202
							</p>
							<hr class="hr2">
							<p>QQ:443570928</p>
							<p>Phone Number:13641491880</p>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="visible-xs ">
		<div class="address">
			<h2 class="contact-us">联系我们</h2>
			<hr class="hr3">
			<h4>Contact Us</h4>
			<div class="xs-address">
				<p>广东省深圳市龙岗区平吉大道9号华熠大夏1202</p>
				<p>
					Longji District, Shenzhen Pingji Road on the 9th Huayi summer 1202
				</p>
				<hr class="hr2">
				<p>QQ:443570928</p>
				<p>Phone Number:13641491880</p>
			</div>
		</div>
	</div>
</div>


</div>
    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
	<script src="./js/jquery.fullPage.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="./js/index.js"></script>
</body>
</html>